<template>
    <Div class="list">
        <Row>
            <Col>
                <h3>标题：{{title}}</h3>
                <h3>发布时间：{{time}}</h3>
            </Col>
        </Row>
        <Row>
            <Col>
                <h3>内容：</h3>
                <Div v-html="content">
                    {{ content }}
                </Div>
            </Col>
        </Row>
    </Div>
</template>

<script>
import { noticeListInit } from '@/api/notice'

export default {
    name: 'notice_list',
    data(){
        return {
            title: '无',
            time: '无',
            content: '无'
        }
    },
    methods:{
        init(){
            noticeListInit(this.$route.query.id).then(Response => {
                this.title = Response.data.data.title
                this.time = Response.data.data.created_at
                this.content = Response.data.data.content
            })
        }
    },
    mounted(){
        this.init()
    }
}
</script>

<style scoped lang="less">
    @import 'system.less';
</style>
